<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- 引入样式 -->
  <title>accesslist</title>
  <link rel="stylesheet" href="../css/index.css" />
  <link rel="stylesheet" href="../css/element-ui/lib/theme-chalk/index.css"/>
  <style type="text/css">
  	.el-form--inline .el-form-item__label{
  		float: left;
  	}
  	.el-table .warning-row {
  	  background: oldlace;
  	}

	.el-table .success-row {
	  background: #f0f9eb;
	}
	table.table1{
		margin:0 auto;
	}
	table.table1, table.table1 tr,table.table1 th,table.table1 td{
		border:1px solid #ddd;
		border-collapse: collapse;
		background-color: #f5f5f5;
		text-align: center;
		padding: 10px;
    line-height: 1.42857143;
    vertical-align: top;
	}
	table.table1 th,td{
		min-width:150px;
	}
  </style>
</head>
<body>
<div id="app">
	<div class="header">
	  <el-row>
		  <el-col :span="24">考核查询</el-col>
	  </el-row>
	</div>
	<div class="content">
		<el-row type="flex" justify="center" align="middle">
		<el-form :inline="true" :model="formInline" class="demo-form-inline" >	   
	  <el-form-item label="考核年月">   	    
		    <el-date-picker     
		    v-model="value3"		    	
		    type="daterange"
		    range-separator="至"
		    start-placeholder="开始日期"
		    end-placeholder="结束日期">
		    </el-date-picker>
	  </el-form-item>
	  <el-form-item>
	    <el-button type="primary" @click="search">查询</el-button>
	  </el-form-item></el-form>
	</el-row>
		
	<table class="table1" style="border:1px solid #ddd">
		<tr>
			<th v-for="(item,index) in tableHead">{{tableHead[index].keyVal}}</th>
			<th>选项</th>
		</tr>
		<tr v-for="(item,index) in list" >
			<td v-for="(it,ind) in item">
				{{it}}
			</td>
			<td>
				<el-button size="small" type="info">
					<a href="">
						查看
					</a>
					
				</el-button>			
			</td>
			
		</tr>
	</table>	
	</div>
</div>
</body>
<!-- 先引入 Vue -->
<script type="text/javascript" src="../js/vue/dist/vue.min.js"></script>
<script type="text/javascript" src="../js/vue-resource/dist/vue-resource.min.js"></script>
<!-- 引入组件库 -->
<script src="../css/element-ui/lib/index.js"></script>
<script src="../js/accesslist.js"></script>
</html>
